﻿
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>KeepDreams国际工作旅行|长沙圣美教育咨询有限公司 | 长沙圣美教育咨询有限公司</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="KeepDreams国际工作旅行|长沙圣美教育咨询有限公司 | 长沙圣美教育咨询有限公司" />
	<meta name="keywords" content="KeepDreams国际工作旅行|长沙圣美教育咨询有限公司 | 长沙圣美教育咨询有限公司" />
	

  

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Flexslider -->
	<link rel="stylesheet" href="css/flexslider.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">

	<!-- 
	Default Theme Style 
	You can change the style.css (default color purple) to one of these styles
	
	

	-->
	<link rel="stylesheet" href="css/style.css">

	<!-- Styleswitcher ( This style is for demo purposes only, you may delete this anytime. ) -->
	<link rel="stylesheet" id="theme-switch" href="css/style.css">
	<!-- End demo purposes only -->


	<style>
	/* For demo purpose only */

	/*
	GREEN
	8dc63f
	RED
	FA5555
	TURQUOISE
	27E1CE
	BLUE 
	2772DB
	ORANGE
	FF7844
	YELLOW
	FCDA05
	PINK
	F64662
	PURPLE
	7045FF

	*/
	
	/* For Demo Purposes Only ( You can delete this anytime :-) */
	#colour-variations {
		padding: 10px;
		-webkit-transition: 0.5s;
	  	-o-transition: 0.5s;
	  	transition: 0.5s;
		width: 140px;
		position: fixed;
		left: 0;
		top: 100px;
		z-index: 999999;
		background: #fff;
		/*border-radius: 4px;*/
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		-ms-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		display: none;
	}
	#colour-variations.sleep {
		margin-left: -140px;
	}
	#colour-variations h3 {
		text-align: center;;
		font-size: 11px;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: #777;
		margin: 0 0 10px 0;
		padding: 0;;
	}

	#colour-variations ul,
	#colour-variations ul li {
		padding: 0;
		margin: 0;
	}
	#colour-variations ul {
		margin-bottom: 20px;
		float: left;	
	}
	#colour-variations li {
		list-style: none;
		display: inline;
	}
	#colour-variations li a {
		width: 20px;
		height: 20px;
		position: relative;
		float: left;
		margin: 5px;
	}



	#colour-variations li a[data-theme="style"] {
		background:  #8dc63f;
	}
	#colour-variations li a[data-theme="red"] {
		background: #FA5555;
	}
	#colour-variations li a[data-theme="turquoise"] {
		background: #27E1CE;
	}
	#colour-variations li a[data-theme="blue"] {
		background: #2772DB;
	}
	#colour-variations li a[data-theme="orange"] {
		background: #FF7844;
	}
	#colour-variations li a[data-theme="yellow"] {
		background: #FCDA05;
	}
	#colour-variations li a[data-theme="pink"] {
		background: #F64662;
	}
	#colour-variations li a[data-theme="purple"] {
		background: #7045FF;
	}

	#colour-variations a[data-layout="boxed"],
	#colour-variations a[data-layout="wide"] {
		padding: 2px 0;
		width: 48%;
		border: 1px solid #ededed;
		text-align: center;
		color: #777;
		display: block;
	}
	#colour-variations a[data-layout="boxed"]:hover,
	#colour-variations a[data-layout="wide"]:hover {
		border: 1px solid #777;
	}
	#colour-variations a[data-layout="boxed"] {
		float: left;
	}
	#colour-variations a[data-layout="wide"] {
		float: right;
	}

	.option-toggle {
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 5px;
		margin-right: -30px;
		width: 30px;
		height: 30px;
		background: #8dc63f;
		text-align: center;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		color: #fff;
		cursor: pointer;
		-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		-ms-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
	}
	.option-toggle i {
		top: 2px;
		position: relative;
	}
	.option-toggle:hover, .option-toggle:focus, .option-toggle:active {
		color:  #fff;
		text-decoration: none;
		outline: none;
	}
	</style>
	<!-- End demo purposes only -->


	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>


	<!-- 
		INFO:
		Add 'boxed' class to body element to make the layout as boxed style.
		Example: 
		<body class="boxed">	
	-->
	<body>
	
	<!-- Loader -->
	<div class="fh5co-loader"></div>
	
	<div id="fh5co-page">
		<section id="fh5co-header">
			<div class="container">
				<nav role="navigation">
					<ul class="pull-left left-menu">
						<li><a href="#">关于我们</a></li>
						<li><a href="#">旅行者</a></li>
						<li><a href="#">带薪实习</a></li>
					</ul>
					<h1 id="fh5co-logo"><a href="index.html">首&nbsp页<span>.</span></a></h1>
					<ul class="pull-right right-menu">
						<li><a href="#">登&nbsp录</a></li>
						<li class="fh5co-cta-btn"><a href="#">报名加入</a></li>
					</ul>
				</nav>
			</div>
		</section>
		<!-- #fh5co-header -->
		<!--1280px; height: 760px;-->
		<section id="fh5co-hero" class="js-fullheight" style="background-image: url(http://keepdreams.oss-cn-shenzhen.aliyuncs.com/images/bg.JPG);" data-next="yes">
			<div class="fh5co-overlay"></div>
			<div class="container">
				<div class="fh5co-intro js-fullheight">
					<div class="fh5co-intro-text">
						<!-- 
							INFO:
							Change the class to 'fh5co-right-position' or 'fh5co-center-position' to change the layout position
							Example:
							<div class="fh5co-right-position">
						-->
						<div class="fh5co-right-position">
							<h3 class="animate-box">相信自己，即刻出发!</h3>
							<h3> Believe in yourself and set out immediately！</h3>
							<p class="animate-box">
								<a href="https://v.qq.com/x/page/g0317aoev7y.html" class="btn btn-outline popup-vimeo btn-video">
								<i class="icon-play2"></i>
								观看视频</a>
								<a href="#" target="_blank" class="btn btn-primary">成功案例</a>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="fh5co-learn-more animate-box">
				<a href="#" class="scroll-btn">
					<span class="text">了解更多...</span>
					<span class="arrow"><i class="icon-chevron-down"></i></span>
				</a>
			</div>
		</section>
		<section id="fh5co-projects">
			<div class="container">
				<div class="row row-bottom-padded-md">
					<div class="col-md-6 col-md-offset-3 text-center">
						<h2 class="fh5co-lead animate-box">我们的成功案例</h2>
						<p class="fh5co-sub-lead animate-box">人生没有白走的路，每一步都算数
						</p>
					</div>
				</div>
				<div class="row">
					<!--http://mp.weixin.qq.com/s/i1scmDF2tapM4dr2yJmLOQ-->
					<!---->
					<!---->
					<!---->
					<!---->
					<!---->
					<div class="col-md-4 col-sm-6 col-xxs-12 animate-box">
						<a href="http://mp.weixin.qq.com/s/i1scmDF2tapM4dr2yJmLOQ" target="_blank" class="fh5co-project-item">
							<img src="images/台湾文化体验.jpg" alt="台湾文化体验" class="img-responsive">
							<div class="fh5co-text">
								<h2>台湾文化体验｜一切相遇 皆是故人</h2>
								<p>
									一切相遇，皆是故人。
									<br/>
									那些不短不长的的时光里，一起搬过瓦，上过房，砍过竹。
								</p>
							</div>
						</a>
					</div>

					<div class="col-md-4 col-sm-6 col-xxs-12 animate-box">
						<a href="http://mp.weixin.qq.com/s?__biz=MzI3NDA3MjQzMw==&mid=2649697070&idx=2&sn=416d0e6698e6fb8f3fdee7a9d5664e00&chksm=f3021d30c4759426621251f7d68c5b7866dbe7d2088d72c59ece5222dc817c8787c477247f56&scene=21#wechat_redirect" target="_blank" class="fh5co-project-item">
							<img src="images/美国工作旅行.jpg" alt="美国工作旅行" class="img-responsive">
							<div class="fh5co-text">
									<br/>
								<h2>美国工作旅行｜我去旅行的梦想</h2>
									<br/>
								<p>你拥抱热情的岛屿，你埋葬记忆的土耳其，你留恋电影里美丽而不真实的场景，却说不出旅行的意义。</p>
							</div>
						</a>
					</div>

					<div class="col-md-4 col-sm-6 col-xxs-12 animate-box">
						<a href="http://mp.weixin.qq.com/s/H1W3z4gA8NxEZzfikATCmw" target="_blank" class="fh5co-project-item">
							<img src="images/美国体验馆.jpg" alt="美国体验馆" class="img-responsive">
							<div class="fh5co-text">
								<h2>美国体验官|跟我们去美国浪迹天涯吧</h2>
								<p>从小我就不安分，上蹿下跳，好奇心强。骨折缝针错位摔破膝盖磕掉牙我都经历过一遍。但我也确实靠着这份勇敢走了很多地方。</p>
							</div>
						</a>
					</div>

					<div class="col-md-4 col-sm-6 col-xxs-12 animate-box">
						<a href="https://mp.weixin.qq.com/s/Cjp163n6OjF8PnCzgwdIvQ" target="_blank" class="fh5co-project-item">
							<img src="images/最美的夏天.jpg" alt="最美的夏天" class="img-responsive">
							<div class="fh5co-text">
								<h2>『美利坚，最美的夏天』</h2>
								<p>看过全世界最大的赌场和最好的脱衣舞娘，在这片曾经的不毛之地，
									<br/>你是否又看到了人性的欲望？</p>
							</div>
						</a>
					</div>

					<div class="col-md-4 col-sm-6 col-xxs-12 animate-box">
						<a href="http://mp.weixin.qq.com/s/qAkkgZNnBnuKgdqaSq_QOg" target="_blank" class="fh5co-project-item">
							<img src="images/共同出发.jpg" alt="共同出发" class="img-responsive">
							<div class="fh5co-text">
								<h2>与keepDreams共同出发</h2>
								<p>每一次旅行都是一次成长，读万卷书，行万里路。因为交通的限制，古人常不能远行，但在交通发达的今天，上天下海都不是问题。</p>
							</div>
						</a>
					</div>
					<div class="col-md-4 col-sm-6 col-xxs-12 animate-box">
						<a href="http://mp.weixin.qq.com/s/DBqkz2gJ7gdJCkINGU2OkA" target="_blank" class="fh5co-project-item">
							<img src="images/美国蹦极.jpg" alt="美国蹦极" class="img-responsive">
								<div class="fh5co-text">
									<h2>
										起死回生的诱惑 | 美国蹦极攻略
									</h2>
									<br/>
									<p>即时此生千帆过尽到最后孑然一身，记忆里有翻江倒海人生才不虚此行。</p>
								</div>
						</a>
					</div>

				</div>
			</div>
		</section>
		<!-- END #fh5co-projects -->

		<section id="fh5co-features">
			<div class="container">
				<div class="row text-center row-bottom-padded-md">
					<div class="col-md-8 col-md-offset-2">
						<figure class="fh5co-devices animate-box"><img src="images/wechatCode.jpg" alt="关注我们微信公众号" class="img-responsive"></figure>
						<h2 class="fh5co-lead animate-box">WHO AM I?</h2>
						<p class="fh5co-sub-lead animate-box">KeepDreams国际工作旅行致力于推广大学生工作旅行的国际项目，为中国大学生提供凭借自己双手去实现环球旅行梦想的机会，鼓励当代中国青少年走出校门去体验大千世界，用壮游的方式让每个人得以自我成长，同时也让世界看看中国少年。</p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-feature">
							<div class="fh5co-icon">
								<i class="icon-power"></i>
							</div>
							<h3>专注</h3>
							<p>
								圣美国际教育只专注中文教师、赴美带薪实习、冬夏令营三大领域，发布最新最快的项目资讯、签证政策、行业动向，提供最全面专业的申请申请指导、游学攻略。
							</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-feature">
							<div class="fh5co-icon">
								<i class="icon-flag2"></i>
							</div>
							<h3>高效</h3>
							<p>根据个人专业及提出的各种专业岗位需求，提供最合适的带薪实习地点以及岗位。，圣美国际与美国顶级sponsor形成了良好的合作，为众多申请者提供多元化的选择。</p>
						</div>
					</div>
					<div class="clearfix visible-sm-block"></div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-feature">
							<div class="fh5co-icon">
								<i class="icon-anchor"></i>
							</div>
							<h3>负责</h3>
							<p>圣美国际教育全程负责所有申请流程，为项目参与者提供全方位的咨询及辅导服务。中美两国之间一切项目注意事项，均有圣美国际顶尖师资队伍为您保驾护航！</p>
						</div>
					</div>
				</div>
				<div class="row text-center row-bottom-padded-md">
					<div class="col-md-8 col-md-offset-2">
						<h2 class="fh5co-lead animate-box">WHAT WE DO?</h2>
					</div>
				</div>
				
				<div class="row">
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-feature">
							<div class="fh5co-icon">
								<i class="icon-paragraph"></i>
							</div>
							<h3>中文教师</h3>
							<p>在美国州立高中进行正规实习，与美国老师并肩工作，绝非传统基础类型见习工作，所有项目参与人在美国享受同等美国公民待遇，并受到美国劳动保障部门的监护。</p>
						</div>
					</div>
					<div class="clearfix visible-sm-block"></div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-feature">
							<div class="fh5co-icon">
								<i class="icon-umbrella"></i>
							</div>
							<h3>带薪实习</h3>
							<p>Internship/trainee USA Program是美国国务院在交换学者法案框架下制定的一项针对国际大学生亲赴美国企业实践自己专业知识与技能的文化交流项目，使用J-1签证。</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-feature">
							<div class="fh5co-icon">
								<i class="icon-toggle"></i>
							</div>
							<h3>冬夏令营</h3>
							<p>国际夏令营方面，圣美联合美国各大夏令营基地，提供多元化的选择，让你选择最适合自己的夏令营，度过一个难以忘怀的假期！</p>
						</div>
					</div>
					<div class="clearfix visible-sm-block"></div>
				</div>
			</div>
		</section>	

		<!-- END #fh5co-features -->


		<section id="fh5co-features-2">
			<div class="container">
				<div class="col-md-6 col-md-push-6">
					<figure class="fh5co-feature-image animate-box">
						<img src="images/macbookl.png" alt="Free HTML5 Bootstrap Template by FREEHTML5.co">
					</figure>
				</div>
				<div class="col-md-6 col-md-pull-6">
					<span class="fh5co-label animate-box">项目合作</span>
					<h2 class="fh5co-lead animate-box">合作优势</h2>
					<div class="fh5co-feature">
						<div class="fh5co-icon animate-box"><i class="icon-check2"></i></div>
						<div class="fh5co-text animate-box">
							<h3>项目优势</h3>
							<p>圣美国际教育拥有多年成功运营项目经验，多种类型垄断性项目资源，独到的宣传与运营模式，一流的市场宣传。 </p>
						</div>
					</div>
					<div class="fh5co-feature">
						<div class="fh5co-icon animate-box"><i class="icon-check2"></i></div>
						<div class="fh5co-text animate-box">
							<h3>合作伙伴</h3>
							<p>每个城市独家招募卫衣合作伙伴，利益分配均匀，独享区域利益。 </p>
						</div>
					</div>
					<div class="fh5co-feature">
						<div class="fh5co-icon animate-box"><i class="icon-check2"></i></div>
						<div class="fh5co-text animate-box">
							<h3>吸引力强</h3>
							<p>公司每年开拓出不同类型的项目，确保稳定的吸引力及盈利持续性。 </p>
						</div>
					</div>
					<div class="fh5co-feature">
						<div class="fh5co-icon animate-box"><i class="icon-check2"></i></div>
						<div class="fh5co-text animate-box">
							<h3>签证指导</h3>
							<p>拥有强大的经营团队提供专业项目经验讲解及签证方面培训指导。 </p>
						</div>
					</div>

					<div class="fh5co-btn-action animate-box">
						<a href="#" class="btn btn-primary btn-cta">了解更多</a>
					</div>

				</div>
			</div>
		</section>
		<!-- END #fh5co-features-2 -->
		
		<section id="fh5co-testimonials">
			<div class="container">
				<div class="row row-bottom-padded-sm">
					<div class="col-md-6 col-md-offset-3 text-center">
						<div class="fh5co-label animate-box">表扬信</div>
						<h3 class="fh5co-lead animate-box">超过数千人参加我们的项目，并每年以高速的方式在增长...</h3>
					</div>
				</div>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 text-center animate-box">
						<div class="flexslider">
					  		<ul class="slides">
							   <li>
							      <blockquote>
							      	<p>感谢圣美国际教育给予我这个机会，帮助我在大学期间实现赴美梦想。在此期间我可以更好的提高我的专业英语水平，认识到更多的国外友人！</p>
							      	<p><cite>&mdash; 罗勇-Roby</cite></p>
							      </blockquote>
							   </li>
							   <li>
							    	<blockquote>
							      	<p>感谢圣美教育给我提供了一个这么好的机会，在那个暑假中，我交了许多朋友，深度了解了美国文化。而且回国后我们一直保持联系着，从他们身上我学会了很多！</p>
							      	<p><cite>&mdash;李慧玲-Lihuiling</cite></p>
							      </blockquote>
							   </li>
							   <li>
							    	<blockquote>
							      	<p>&ldquo;感谢圣美教育给我提供了一个这么好的机会，在那个暑假中，我交了许多朋友，深度了解了美国文化。而且回国后我们一直保持联系着，从他们身上我学会了很多！&rdquo;</p>
							      	<p><cite>&mdash;秦章华-Angela Qin</cite></p>
							      </blockquote>
							   </li>
							</ul>
						</div>
						<div class="flexslider-controls">
						   <ol class="flex-control-nav">
						      <li class="animate-box"><img src="images/person4.jpg" alt="Free HTML5 Bootstrap Template by FREEHTML5.co"></li>
						      <li class="animate-box"><img src="images/person2.jpg" alt="Free HTML5 Bootstrap Template by FREEHTML5.co"></li>
						      <li class="animate-box"><img src="images/person3.jpg" alt="Free HTML5 Bootstrap Template by FREEHTML5.co"></li>
						   </ol>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- END #fh5co-testimonials -->

		<section id="fh5co-subscribe">
			<div class="container">
		
				<h3 class="animate-box"><label for="email">订阅我们的最新消息</label></h3>
				<form action="#" method="post" class="animate-box">
					<i class="fh5co-icon icon-paper-plane"></i>
					<input type="email" class="form-control" placeholder="输入您的邮箱" id="email" name="email">
					<input type="submit" value="发送" class="btn btn-primary">
				</form>

			</div>
		</section>
		<!-- END #fh5co-subscribe -->

		<footer id="fh5co-footer">
			<div class="container">
				<div class="row row-bottom-padded-md">
					<div class="col-md-3 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-footer-widget">
							<h3>公司</h3>
							<ul class="fh5co-links">
								<li><a href="#">关于我们</a></li>
								<li><a href="#">人才招募</a></li>
								<li><a href="#">项目合作</a></li>
								<li><a href="#">团队介绍</a></li>
							</ul>
						</div>
					</div>

					<div class="col-md-3 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-footer-widget">
							<h3>支持</h3>
							<ul class="fh5co-links">
								<li><a href="#">信息查阅</a></li>
								<li><a href="#">视频介绍</a></li>
								<li><a href="#">长期支持</a></li>
								<li><a href="#">隐私保护</a></li>
							</ul>
						</div>
					</div>

					<div class="col-md-3 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-footer-widget">
							<h3>联系我们</h3>
							<p>
								<a href="mailto:contact@keepdreams.com">contact@keepdreams.com</a> <br>
								长沙市芙蓉区芙蓉中路明城国际中心1305室, <br>
								办事处：深圳市宝安区时尚创意园F518-国际孵化器中心<br>
								<a href="tel: 0731-82072535"> 0731-82072535</a><br>
								微信公众号：Gokeepdreams
							</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-12 animate-box">
						<div class="fh5co-footer-widget">
							<h3>关注我们</h3>
							<ul class="fh5co-social">
								<li><a href="#"><i class="icon-weixin"></i></a></li>
								<li><a href="#"><i class="icon-facebook"></i></a></li>
								<li><a href="#"><i class="icon-qq"></i></a></li>
								<li><a href="#"><i class="icon-youtube-play"></i></a></li>
							</ul>
						</div>
					</div>

				</div>
				
			</div>
			<div class="fh5co-copyright animate-box">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<p class="fh5co-left"><small>&copy; 2017 <a href="index.html">-</a>圣美国际教育咨询有限公司. All Rights Reserved.</small></p>
							<p class="fh5co-right"></p>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- END #fh5co-footer -->
	</div>
	<!-- END #fh5co-page -->
	
	<!-- For demo purposes Only ( You may delete this anytime :-) -->
	<div id="colour-variations">
		<a class="option-toggle"><i class="icon-gear"></i></a>
		<h3>Preset Colors</h3>
		<ul>
			<li><a href="javascript: void(0);" data-theme="style"></a></li>
			<li><a href="javascript: void(0);" data-theme="red"></a></li>
			<li><a href="javascript: void(0);" data-theme="turquoise"></a></li>
			<li><a href="javascript: void(0);" data-theme="blue"></a></li>
			<li><a href="javascript: void(0);" data-theme="orange"></a></li>
			<li><a href="javascript: void(0);" data-theme="yellow"></a></li>
			<li><a href="javascript: void(0);" data-theme="pink"></a></li>
			<li><a href="javascript: void(0);" data-theme="purple"></a></li>
		</ul>
		<a href="#" data-layout="boxed">Boxed</a>
		<a href="#" data-layout="wide">Wide</a>
	</div>
	<!-- End demo purposes only -->

	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- Magnific Popup -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/magnific-popup-options.js"></script>

	<!-- For demo purposes only styleswitcher ( You may delete this anytime ) -->
	<script src="js/jquery.style.switcher.js"></script>
	<script>
		$(function(){
			$('#colour-variations ul').styleSwitcher({
				defaultThemeId: 'theme-switch',
				hasPreview: false,
				cookie: {
		          	expires: 30,
		          	isManagingLoad: true
		      	}
			});	
			$('.option-toggle').click(function() {
				$('#colour-variations').toggleClass('sleep');
			});
		});
	</script>
	<!-- End demo purposes only -->

	<!-- Main JS (Do not remove) -->
	<script src="js/main.js"></script>

	<!-- 
	INFO:
	jQuery Cookie for Demo Purposes Only. 
	The code below is to toggle the layout to boxed or wide 
	-->
	<script src="js/jquery.cookie.js"></script>
	<script>
		$(function(){

			if ( $.cookie('layoutCookie') != '' ) {
				$('body').addClass($.cookie('layoutCookie'));
			}

			$('a[data-layout="boxed"]').click(function(event){
				event.preventDefault();
				$.cookie('layoutCookie', 'boxed', { expires: 7, path: '/'});
				$('body').addClass($.cookie('layoutCookie')); // the value is boxed.
			});

			$('a[data-layout="wide"]').click(function(event){
				event.preventDefault();
				$('body').removeClass($.cookie('layoutCookie')); // the value is boxed.
				$.removeCookie('layoutCookie', { path: '/' }); // remove the value of our cookie 'layoutCookie'
			});
		});
	</script>
	

	</body>
</html>

